﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Index</title>
    <link href="/contents/css/main.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
</head>
<body>
    <div class="wrap">
        <div class="wrap-inner">
            <div class="top">
                <a href="#" class="logo">
                    <img alt="" src="/contents/img/logo.png" /></a>
                <ul class="nav">

                    <li class="item1"><a href="#">Giới thiệu</a></li>
                    <li class="item2"><a href="#">Khóa học</a>
                        <ul>
                            <li><a href="#">Khóa học A</a></li>
                            <li><a href="#">Khóa học B</a></li>
                            <li><a href="#">Khóa học C</a></li>
                            <li><a href="#">Khóa học D</a></li>
                        </ul>

                    </li>
                    <li class="item3"><a href="#">Tin tức</a>


                    </li>
                    <li class="item4"><a href="#">Liên hệ</a></li>
                </ul>
            </div>
            <!--end top-->

            <div class="slider">
                <div class="caption">
                    <h1>LOREM IPSUM</h1>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
                        <br />
                        et dolore magna aliqua. Ut enim ad minim veniam<br />
                        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </p>
                    <p><a href="#">[more]</a></p>
                </div>

            </div>
            <!--end slider-->
            <div class="cates group">
                <div class="cate">
                    <h3 class="title"><a href="#">Khóa học</a></h3>

                    <img alt="" src="/contents/img/1.png" />
                    <h4>Sed ut perspiciatis unde dad omnis natus error sit</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...<a href="#"> [more]</a></p>
                </div>
                <div class="cate cate-center">
                    <h3 class="title"><a href="#">Hình ảnh</a></h3>

                    <img alt="" src="/contents/img/2.png" />
                    <h4>Sed ut perspiciatis unde dad omnis natus error sit</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...<a href="#"> [more]</a></p>
                </div>
                <div class="cate">
                    <h3 class="title"><a href="#">Đăng ký học</a></h3>

                    <img alt="" src="/contents/img/3.png" />
                    <h4>Sed ut perspiciatis unde dad omnis natus error sit</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...<a href="#"> [more]</a></p>
                </div>
            </div>
            <!--end cates-->

        </div>
        <!--end wrap-inner-->

        <div class="middle">
            <div class="middle-inner group">
                <h3 class="title"><a href="#">Ý kiến phụ huynh</a></h3>
                <div class="col">
                    <div class="comment">
                        <img alt="" src="/contents/img/4.png" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... <a href="#">[ Peter Norman ]</a></p>
                    </div>
                    <div class="comment">
                        <img alt="" src="/contents/img/4.png" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... <a href="#">[ Peter Norman ]</a></p>
                    </div>
                    <div class="comment">
                        <img alt="" src="/contents/img/4.png" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... <a href="#">[ Peter Norman ]</a></p>
                    </div>

                </div>
                <div class="col col-right">
                    <div class="comment">
                        <img alt="" src="/contents/img/4.png" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... <a href="#">[ Peter Norman ]</a></p>
                    </div>
                    <div class="comment">
                        <img alt="" src="/contents/img/4.png" />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... <a href="#">[ Peter Norman ]</a></p>
                    </div>
                    <p class="readmore">
                        <a href="#">
                            <img alt="" src="/contents/img/read.png" /></a>
                    </p>
                </div>

            </div>
            <!--end wrap-inner-->
        </div>



        <!--end midlde-->
        <div class="bottom">
            <div class="bottom-inner">
                <p class="coppy">Copyright 2013 © Phu Dong Sport.</p>
                <div class="info">
                    <h3>TRUNG tâm đào tạo thể dục thể thao phù đổng</h3>
                    <p>Số 123 Nguyễn Đình Chiểu, Phườgn Đa Kao, Quận 1, Tp. Hồ Chí Minh</p>
                    <p><strong>Điện thoại:</strong> (+84) 83456 123 456 - <strong>Email:</strong> info@thethaophudong.vn</p>
                    <p>Website: www.thethaophudong.vn</p>
                </div>

            </div>
            <!--end bottom-inner-->
        </div>
        <!--end bottom-->

    </div>
    <!--end wrap-->
</body>
</html>
